<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>三七物联管理平台</title>
    <link rel="stylesheet" href="/home/css/ui.css">
    <link rel="stylesheet" type="text/css" href="/home/css/swipeslider.css"/>
</head>

<body class="android" style="overflow:auto">
<div class="view-container" style="overflow:auto">
    <figure id="full_feature" class="swipslider">
        <ul class="sw-slides">
            <li class="sw-slide">
                <img src="/home/img/l-5.jpg" alt="">
            </li>
            <li class="sw-slide">
                <img src="/home/img/l-2.jpg" alt="">
            </li>
            <li class="sw-slide">
                <img src="/home/img/l-4.jpg" alt="">
            </li>
            <li class="sw-slide">
                <img src="/home/img/l-1.jpg" alt="">
            </li>
            <li class="sw-slide">
                <img src="/home/img/l-3.jpg" alt="">
            </li>
        </ul>
    </figure>
    <div class="car-title">
        <div class="car-logo"><span class="car-v" style="font-size: 15px;font-weight: bold;">所有应用</span></div>

    </div>
    <div class="grids-contant3" >
        <a href="/home/service/list?type=1"><div class="grids-grid3">
                <div class="grids-grid3-cont">
                    <div class="grids-grid-icon"><img src="/home/images/icon-png/yg.png" alt=""></div>
                    <p class="grids-grid-label">烟感</p>
                    <p class="grids-grid-num">{{$smoke}}</p>
                </div>
            </div></a>
        <a href="/home/service/list?type=2"><div class="grids-grid3">
                <div class="grids-grid3-cont">
                    <div class="grids-grid-icon"><img src="/home/images/icon-png/hw.png" alt=""></div>
                    <p class="grids-grid-label">红外</p>
                    <p class="grids-grid-num">{{$infrared}}</p>
                </div>
            </div></a>
        <a href="/home/service/list?type=3"> <div class="grids-grid3">
                <div class="grids-grid3-cont">
                    <div class="grids-grid-icon"><img src="/home/images/icon-png/electric.png" alt=""></div>
                    <p class="grids-grid-label">电气</p>
                    <p class="grids-grid-num">{{$gas}}</p>
                </div>
            </div></a>
        <a href="/home/service/list?type=4"> <div class="grids-grid3">
                <div class="grids-grid3-cont">
                    <div class="grids-grid-icon"><img src="/home/images/icon-png/rq.png" alt=""></div>
                    <p class="grids-grid-label">燃气</p>
                    <p class="grids-grid-num">{{$electric}}</p>
                </div>
            </div></a>
        <a href="/home/service/list?type=5"><div class="grids-grid3">
                <div class="grids-grid3-cont">
                    <div class="grids-grid-icon"><img src="/home/images/icon-png/icon-xiu-iphone1.png" alt=""></div>
                    <p class="grids-grid-label">呼叫</p>
                    <p class="grids-grid-num">{{$help}}</p>
                </div>
            </div></a>
             <a href="/home/service/list?type=6"><div class="grids-grid3">
                <div class="grids-grid3-cont">
                    <div class="grids-grid-icon"><img src="/home/images/icon-png/sy.png" alt=""></div>
                    <p class="grids-grid-label">水压</p>
                    <p class="grids-grid-num">{{$help}}</p>
                </div>
            </div></a>

    </div>
    <div class="devider b-line"></div>
    <div class="item-phone b-line">
        <a href="/home/newslist/index" class="item-phone-lin ">
            <p class="item-phone-title">三七物联管理平台动态新闻信息</p>
            <p class="item-phone-sub">三七物联管理平台董事长及经理关爱孤寡老人</p>
        </a>
    </div>
    <div class="item-lodge" style="padding-bottom:45px">
        <a href="#" class="item-lodge-click r-line">
            <div class="item-lodge-title">
                <p  class="item-lodge-yellow">新闻区域</p>
                <p class="item-lodge-nta">新闻区域</p>
            </div>
            <div class="item-lodge-img"><img src="/home/images/icon-png/icon-ax-4.png"></div>
        </a>
        <a href="#" class="item-lodge-click r-line">
            <div class="item-lodge-title">
                <p  class="item-lodge-yellow">新闻区域</p>
                <p class="item-lodge-nta">新闻区域</p>
            </div>
            <div class="item-lodge-img"><img src="/home/images/icon-png/icon-ax-5.png"></div>
        </a>
    </div>
</div>

<div class="tab-bar tab-bottom" style="position: fixed;bottom: 0;">
    <a class="tab-button" href="/"><i class="tab-button-icon icon icon-home"></i><span class="tab-button-txt">首页</span></a>
    <a class="tab-button  active" href="/home/sevice/index"><i class="tab-button-icon icon icon-service"></i><span class="tab-button-txt">服务</span></a>
    <a class="tab-button " href="/home/mine/index"><i class="tab-button-icon icon icon-my"></i><span class="tab-button-txt">我的</span></a>
</div>
<script src="/home/js/jquery.js"></script>

<script type="text/javascript" src="/home/js/swipeslider.min.js"></script>
<script type="text/javascript">
    //轮播图
    $(window).load(function() {
        $('#full_feature').swipeslider();
        $('#content_slider').swipeslider({
            transitionDuration: 600,
            autoPlayTimeout: 10000,
            sliderHeight: '300px'
        });
        $('#responsiveness').swipeslider();
        $('#customizability').swipeslider({
            transitionDuration: 1500,
            autoPlayTimeout: 4000,
            timingFunction: 'cubic-bezier(0.38, 0.96, 0.7, 0.07)',
            sliderHeight: '30%'});
    });
</script>
</body>
</html>
